<template>
  <Row style="margin-bottom:50px">
    <Col span="24" class="banner">
      <img :src="imgUrl">
    </Col>
  </Row>
</template>

<script>
export default {
  props: {
    url: null
  },
  data() {
    return {
      imgUrl: ""
    };
  },
  mounted() {
    let img = require("../assets/images/" + this.url);
    this.imgUrl = img;
  }
};
</script>

<style lang="less">
.banner{
  height: 700px;
  img{
    width: 100%;
    height: 100%;
  }
}
</style>